<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>上传照片</title>
<link type="text/css" rel="stylesheet" href="../../../c/base/base.css" />
<link type="text/css" rel="stylesheet" href="../../../c/themes/night/style.css" />
<link type="text/css" rel="stylesheet" href="../c/style.css" />
</head>

<body>
<!--[if lt IE 7]>
<div id="scrollWrap">
<![endif]-->

<div id="page">
<div id="pageMid">
<div id="pageInt">

<div id="pageBd">
<div id="pageBdInt">
						
<div id="canvas-app" class="canvas">
<div id="canvas-appInt">
<!-- Canvas Start -->

<div id="app-album" class="app-album">
	<div class="appHead">
		<h2><img class="icon i-album" alt="相册" src="http://10.11.85.21/r/i/space.gif" />相册</h2>
	</div>
	
	<div class="appBody">
		<div class="tabs appTabs">
			<ul>
				<li class="on"><a href="#"><span>我的照片</span></a></li>
				<li><a href="#"><span>标记了我的照片</span></a></li>
				<li class="orphan upload"><a href="#"><span>上传照片</span></a></li>
				<li class="orphan newAlbum"><a href="#"><span>新建专辑</span></a></li>
			</ul>
		</div>
		
		<div class="appContent">
		
			<div id="photoUpload">
				
				<div class="msg msg-failed">
					<h4>其中2张照片大小超过5M的限制，将不会被上传，请删除。</h4>
				</div>
			
				<h3>上传照片</h3>
				
				<div class="uploadWrap">
					<h4>第三步：</h4>
					
					<p><a href="#" title="继续添加照片">继续添加照片</a></p>
					
					<div class="uploadTable">
						<div class="head">
							<ul>
								<li>
									<span class="name">照片</span>
									<span class="size">大小</span>
									<span class="del">移除</span>
								</li>
							</ul>
						</div>
						<div class="body">
							<ul>
								<li class="finished">
									<span class="name">旅游.jpg</span>
									<span class="size">2.4M</span>
									<span class="del">完成</span>
								</li>
								<li class="finished">
									<span class="name">旅游.jpg</span>
									<span class="size">2.4M</span>
									<span class="del">完成</span>
								</li>
								<li style="background-position:-50%;">
									<span class="name">旅游.jpg</span>
									<span class="size">2.4M</span>
									<span class="del"><a class="icon i-del" href="#">删除</a></span>
								</li>
								<li>
									<span class="name">旅游.jpg</span>
									<span class="size">2.4M</span>
									<span class="del"><a class="icon i-del" href="#">删除</a></span>
								</li>
								<li>
									<span class="name">旅游.jpg</span>
									<span class="size">2.4M</span>
									<span class="del"><a class="icon i-del" href="#">删除</a></span>
								</li>
								<li class="error">
									<span class="name">旅游.jpg</span>
									<span class="size">6.4M</span>
									<span class="del"><a class="icon i-del" href="#">删除</a></span>
								</li>
								<li>
									<span class="name">旅游.jpg</span>
									<span class="size">2.4M</span>
									<span class="del"><a class="icon i-del" href="#">删除</a></span>
								</li>
								<li>
									<span class="name">旅游.jpg</span>
									<span class="size">2.4M</span>
									<span class="del"><a class="icon i-del" href="#">删除</a></span>
								</li>
								<li>
									<span class="name">旅游.jpg</span>
									<span class="size">2.4M</span>
									<span class="del"><a class="icon i-del" href="#">删除</a></span>
								</li>
							</ul>
						</div>
						<div class="foot">
							<ul>
								<li>
									<span class="name"><span id="totalFile">共60张照片</span><span class="pipe">|</span><a id="deletAll" href="#" title="清空上传列表">清空</a></span>
									<span id="totalSize" class="size">总计：105M</span>
								</li>
							</ul>
						</div>
					</div>
					
					<span class="uploadTip">单次选择照片不超过60张，单张照片大小限制在5MB。</span>
					
					<div class="buttons">
						<span class="button button-main"><span><button type="submit">上传照片</button></span></span>
						&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" title="取消上传">取消</a>
					</div>
					
				</div>
				
			</div>
			
		</div>
	</div>
</div>
	
<!-- Canvas End -->
</div>
</div>

</div>
</div>

</div>
</div>
</div>

<!--[if IE 7]>
</div>
<![endif]-->
</body>
</html>
